<% include header.ejs %>
<div class="container mt30">
    <dl>
        <dt>警告层组件</dt>
        <dd><a href="javascript:void(0)" class="js_edit_album">编辑相册</a></dd>
        <dd><a href="javascript:void(0)" class="js_edit_pho">编辑照片</a></dd>
        <dd><a href="javascript:void(0)" class="js_mem_login">会员登录</a></dd>
        <dd><a href="javascript:void(0)" class="js_mem_share">分享到金象动态</a></dd>
        <dd><a href="javascript:void(0)" class="js_private_msg">发私信</a></dd>
        <dd><a href="javascript:void(0)" class="js_prompt">提示框</a></dd>
        <dd><a href="javascript:void(0)" class="js_intro">个人详情</a></dd>
    </dl>
</div>


<!-- 编辑相册警告层 start -->
<div id="js_edit_album" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd">
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item has-error">
                    <label for="" class="control-label">相册名称:</label>
                    <div class="form-w">
                        <input type="text" class="form-control" autocomplete="off" placeholder="请填写作品名称" value="">
                        <p class="user-tip-wrap user-tip-error">名称错误</p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">相册简介:</label>
                    <div class="form-w">
                        <textarea class="form-control" rows="4" placeholder="请填写相册详细信息"></textarea>
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">相册标签:</label>
                    <div class="form-w">
                        <input type="text" class="form-control" autocomplete="off" placeholder="标签之间用空格隔开；如：私人 作品" value="">
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <input class="btn btn-warning" type="submit" value="保存"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 编辑相册警告层 end -->

<!-- 编辑照片警告层 start -->
<div id="js_edit_pho" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd">
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item">
                    <label for="" class="control-label">照片说明:</label>
                    <div class="form-w">
                        <textarea class="form-control" rows="4" placeholder="请填写相册详细信息"></textarea>
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">照片标签:</label>
                    <div class="form-w">
                        <input type="text" class="form-control" autocomplete="off" placeholder="标签之间用空格隔开；如：私人 作品" value="">
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">所属相册:</label>
                    <div class="form-w text-left">
                        <select>
                            <option value="1">--新建相册--</option>
                            <option value="2">相册一</option>
                            <option value="3">相册二</option>
                            <option value="4">相册三</option>
                        </select>
                        <p class="user-tip-wrap"></p>
                    </div>
                    <div class="album-show">
                        <div class="form-item">
                            <label for="" class="control-label">相册名称:</label>
                            <div class="form-w">
                                <input type="text" class="form-control" autocomplete="off" placeholder="请填写作品名称" value="">
                                <p class="user-tip-wrap"></p>
                            </div>
                        </div>
                        <div class="form-item">
                            <label for="" class="control-label">相册简介:</label>
                            <div class="form-w">
                                <textarea class="form-control" rows="4" placeholder="请填写相册详细信息"></textarea>
                                <p class="user-tip-wrap"></p>
                            </div>
                        </div>
                        <div class="form-item">
                            <label for="" class="control-label">相册标签:</label>
                            <div class="form-w">
                                <input type="text" class="form-control" autocomplete="off" placeholder="标签之间用空格隔开；如：私人 作品" value="">
                                <p class="user-tip-wrap"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-item">
                    <input class="btn btn-warning" type="submit" value="保存"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 编辑照片警告层 end -->

<!-- 会员登录警告层 start -->
<div id="js_mem_login" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd alert-title">
            <h4>会员账号登录</h4>
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item">
                    <label for="" class="control-label">账户:</label>
                    <div class="form-w">
                        <input type="text" class="form-control" autocomplete="off" placeholder="请输入用户名/邮箱" value="">
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">密码:</label>
                    <div class="form-w">
                        <input type="password" class="form-control" autocomplete="off" placeholder="请输入账户密码" value="">
                        <div class="checkbox text-left">
                            <label>
                                <input type="checkbox"> 下次自动登录
                            </label>
                            <a href="" class="btn-link pull-right">忘记密码</a>
                        </div>
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <input class="btn btn-warning" type="submit" value="登录"/>
                    <input class="btn btn-default" type="submit" value="注册"/>
                </div>
                <div class="form-item mt30">
                    <div class="form-w">
                        <label for="" class="control-label">第三方登录:</label>
                        <div class="login-sns">
                            <a href="" class="login-wb"><i class="fa fa-weibo"></i></a>
                            <a href="" class="login-tqq"><i class="fa fa-tencent-weibo"></i></a>
                            <a href="" class="login-qq"><i class="fa fa-qq"></i></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 会员登录警告层 end -->

<!-- 会员登录警告层 start -->
<div id="js_mem_share" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd alert-title">
            <h4>分享到金象动态</h4>
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item">
                    <textarea class="form-control" rows="4" placeholder="亲，来吐槽吧！"></textarea>
                    <p class="user-tip-wrap"></p>
                </div>
                <div class="alert-share">
                    <span>还可以 <strong>140</strong> 个字</span>
                    <input class="btn btn-warning" type="submit" value="分享"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 会员登录警告层 end -->


<!-- 发私信警告层 start -->
<div id="js_private_msg" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd alert-title">
            <h4>发私信</h4>
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item">
                    <label for="" class="control-label">发给:</label>
                    <div class="form-w">
                        <input type="text" class="form-control" autocomplete="off" placeholder="请填写TA的账户名称/昵称" value="">
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <label for="" class="control-label">内容:</label>
                    <div class="form-w">
                        <textarea class="form-control" rows="4" placeholder="亲，给TA说句悄悄话吧！"></textarea>
                        <p class="user-tip-wrap"></p>
                    </div>
                </div>
                <div class="form-item">
                    <input class="btn btn-warning" type="submit" value="发送"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 发私信警告层 end -->


<!-- 提示警告层 start -->
<div id="js_prompt" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd">
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <form class="form-horizontal" action="">
                <div class="form-item">
                    <p>确定要删除评论吗?</p>
                </div>
                <div class="form-item mt20">
                    <input class="btn btn-warning" type="submit" value="确定"/>
                    <input class="btn btn-default" type="submit" value="取消"/>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- 提示警告层 end -->


<!-- 个人详情警告层 start -->
<div id="js_intro" class="alert-wrap">
    <div class="alert-inner">
        <div class="alert-hd">
            <a href="javascript:void(0)" class="btn-closed js_close">x</a>
        </div>
        <div class="alert-bd">
            <p>范冰冰，1981年9月16日生于山东青岛，电影演员、歌手，毕业于上海师范大学谢晋影视艺术学院。1998年凭借电视剧《还珠格格》成名。2001年进军大银幕。2004年主演电影《手机》获得第27届大众电影百花奖最佳女演员奖。2007年参演电影《心中有鬼》获得第44届台湾电影金马奖最佳女配角奖。同年主演的电影《苹果》获得第57届柏林国际电影节金熊奖提名，因此走上欧洲三大国际电影节红毯，并获得第4届欧亚国际电影节最佳女演员奖。2009年获得第12届中国电影表演艺术学会金凤凰奖。</p>
        </div>
    </div>
</div>
<!-- 个人详情警告层 end -->


<script src="../javascripts/vendors/modal.js"></script>
<% include footer.ejs %>
